<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="__CSS__/bootstrap.min.css">
    <link rel="stylesheet" href="__STATIC__/layui/css/layui.css">
</head>
<body>

    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
        <ul class="layui-tab-title">
            <li class="layui-this"><b>顾客信息</b></li>
            <li><b>渠道信息</b></li>
            <li><b>邀约信息</b></li>
            <li><b>拍摄信息</b></li>
            <li><b>活动信息</b></li>
            <li><b>其他</b></li>
        </ul>
        <div class="layui-tab-content" style="height: 100px;">
            <!-- 顾客信息 -->
            <div class="layui-tab-item layui-show">
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">订单ID:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.id}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">顾客姓名:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.name}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">妈妈电话:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.maphone}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">家人电话:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.otherphone}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">微信:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.weixin}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">QQ:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.qq}" type="text"  disabled="disabled" />
                    </div>
                </div>

                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">预产期:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.yctime" value="1970-01-01"}value="{$info.yctime}"{/neq} type="text"  disabled="disabled" />
                    </div>
                </div>
            </div>
            <!-- 渠道信息 -->
            <div class="layui-tab-item">
                <!--<div class="form-group ">-->
                    <!--<label for="cname" class="control-label col-lg-2">收集日期:</label>-->
                    <!--<div class="col-lg-6">-->
                        <!--<input class="form-control"  {neq name="info.sjtime" value="1970-01-01"}value="{$info.sjtime}"{/neq} type="text"  disabled="disabled" />-->
                    <!--</div>-->
                <!--</div>-->
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">渠道:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.qdxx_text}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">区域:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.area_text}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">收集渠道（医院）:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.yyxx_text}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">医院渠道:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.menzhen_text}" type="text"  disabled="disabled" />
                    </div>
                </div>

                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">业务状态:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.state_text}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">渠道备注:</label>
                    <div class="col-lg-6">
                        <textarea class="form-control" disabled="disabled" rows="5">{neq name="info.qdbz" value="0"}{$info.qdbz}{/neq}</textarea>
                    </div>
                </div>
            </div>
            <!-- 邀约信息 -->
            <div class="layui-tab-item">
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">邀约客服:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.yykf_text}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">预约拍摄时间:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.yypstime" value="1970-01-01 8:00"}value="{$info.yypstime}"{/neq} type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">追踪日期:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.zztime" value="1970-01-01"}value="{$info.zztime}"{/neq} type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">邀约分配时间:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.yyfptime" value="1970-01-01"}value="{$info.yyfptime}"{/neq} type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">会所分配时间:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.hsfptime" value="1970-01-01"}value="{$info.hsfptime}"{/neq} type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">预约场馆:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.yycg_text}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">活动会所地址:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.hsmd_text}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">邀约备注:</label>
                    <div class="col-lg-6">
                        <textarea class="form-control" disabled="disabled" rows="5">{neq name="info.yybz" value="0"}{$info.yybz}{/neq}</textarea>
                    </div>
                </div>
            </div>
            <!--拍摄信息-->
            <div class="layui-tab-item">

                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">预约拍摄时间:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.yypstime" value="1970-01-01 8:00"}value="{$info.yypstime}"{/neq} type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">取消拍摄时间:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.qxpstime" value="1970-01-01"}value="{$info.qxpstime}"{/neq} type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">未到拍摄时间:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.wdpstime" value="1970-01-01"}value="{$info.wdpstime}"{/neq} type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">预约拍摄次数:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.yypsnum}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">取消拍摄次数:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.qxpsnum}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">未到拍摄次数:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.wdpsnum}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">拍摄备注:</label>
                    <div class="col-lg-6">
                        <textarea class="form-control" disabled="disabled" rows="5">{neq name="info.psbz" value="0"}{$info.psbz}{/neq}</textarea>
                    </div>
                </div>
            </div>
            <!-- 活动信息 -->
            <div class="layui-tab-item">
                <!--<div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">会所组长id:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.hszzid}" type="text"  disabled="disabled" />
                    </div>
                </div>-->
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">会所专员:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.hszy_text}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">会所状态:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.hszt_text}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">课程:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.kcxx_text}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">会所领单时间:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.hsldtime" value="1970-01-01 8:00"}value="{$info.hsldtime}"{/neq} type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">预约上课时间:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.yysktime" value="1970-01-01 8:00"}{neq name="info.yysktime" value="0"}value="{$info.yysktime}"{/neq}{/neq} type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">旷课时间:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.hskktime" value="1970-01-01"}{neq name="info.hskktime" value="0"}value="{$info.hskktime}"{/neq}{/neq} type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">成功上课时间:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.skcgtime" value="1970-01-01"}{neq name="info.skcgtime" value="0"}value="{$info.skcgtime}"{/neq}{/neq} type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">取消上课时间:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.qxyytime" value="1970-01-01"}{neq name="info.qxyytime" value="0"}value="{$info.qxyytime}"{/neq}{/neq} type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">预约活动次数:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.yyhdnum}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">取消活动次数:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.qxhdnum}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">未到活动次数:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.wdhdnum}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">会所备注:</label>
                    <div class="col-lg-6">
                        <textarea class="form-control" disabled="disabled" rows="5">{neq name="info.hsbz" value="0"}{$info.hsbz}{/neq}</textarea>
                    </div>
                </div>
            </div>
            <!-- 其他 -->
            <div class="layui-tab-item">
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">建单人员:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.jdry_text}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">建单部门:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.bumen_text}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">建单时间:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.jdtime" value="1970-01-01 8:00"}value="{$info.jdtime}"{/neq} type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">操作时间:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  {neq name="info.cztime" value="1970-01-01"}value="{$info.cztime}"{/neq}  type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">转介绍部门:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.zjsbumen_text}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">转介绍人员:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.zjsry_text}" type="text"  disabled="disabled" />
                    </div>
                </div>
                <!--<div class="form-group ">
                    <label for="cname" class="control-label col-lg-2">匹配金牌:</label>
                    <div class="col-lg-6">
                        <input class="form-control"  value="{$info.jinpai}" type="text"  disabled="disabled" />
                    </div>
                </div>-->
            </div>
        </div>
    </div>


<script type="text/javascript" src="__STATIC__/layui/layui.js"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use('element', function(){
        var $ = layui.jquery
                ,element = layui.element(); //Tab的切换功能，切换事件监听等，需要依赖element模块

        //触发事件
        var active = {
            tabAdd: function(){
                //新增一个Tab项
                element.tabAdd('demo', {
                    title: '新选项'+ (Math.random()*1000|0) //用于演示
                    ,content: '内容'+ (Math.random()*1000|0)
                    ,id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
                })
            }
            ,tabDelete: function(othis){
                //删除指定Tab项
                element.tabDelete('demo', '44'); //删除：“商品管理”
                othis.addClass('layui-btn-disabled');
            }
            ,tabChange: function(){
                //切换到指定Tab项
                element.tabChange('demo', '22'); //切换到：用户管理
            }
        };

        $('.site-demo-active').on('click', function(){
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        });

        //Hash地址的定位
        var layid = location.hash.replace(/^#test=/, '');
        element.tabChange('test', layid);

        element.on('tab(test)', function(elem){
            location.hash = 'test='+ $(this).attr('lay-id');
        });

    });
</script>

</body>
</html>
